<!DOCTYPE html>
<html lang="en">

<head>
    <include file="Home@default/Index/header"/>
    <link rel="stylesheet" href="__PUBLIC__/AmazeUI/assets/css/Login.app.css">
    <script src="__PUBLIC__/Jquery/Pulgin/jquery-1.9.1.js"></script>
</head>

<body data-type="login">
<script>
    $('body').attr('class', 'theme-white');
</script>
<div class="am-g tpl-g">
    <div class="tpl-login" style="padding-bottom: 40px;">
        <div class="tpl-login-content">
            <div class="tpl-login-title">注册用户</div>
            <span class="tpl-login-content-info">创建一个新的用户</span>


            <form class="am-form tpl-form-line-form">
                <div class="am-form-group">
                    <input type="text" class="tpl-form-input" id="mobile" placeholder="手机号">
                </div>

                <div class="am-form-group">
                    <input type="text" class="tpl-form-input" id="username" placeholder="用户名">
                </div>

                <div class="am-form-group">
                    <input type="password" class="tpl-form-input" id="password" placeholder="请输入密码">
                </div>

                <div class="am-form-group">
                    <input type="password" class="tpl-form-input" id="password2" placeholder="再次输入密码">
                </div>

                <div class="am-form-group">
                    <input type="text" class="tpl-form-input" name="verify_text" placeholder="请输入验证码">
                </div>

                <div class="am-form-group tpl-login-remember-me">
                    <img id="verify_src" style="width: 100%" onclick="verify_f5();" src="admin_login_Verify.html">
                </div>

                <div class="am-form-group tpl-login-remember-me">
                    <input id="Agreement" name="Agreement" type="checkbox">
                    <label for="Agreement">
                        我已阅读并同意 <a href="javascript:;" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0}">《用户注册协议》</a>
                    </label>
                </div>

                <div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
                    <div class="am-modal-dialog">
                        <div class="am-modal-hd">《用户注册协议》
                            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
                        </div>
                        <div class="am-modal-bd">
                            <div align="left">
                                1、请遵守当地法律法规。<br>
                                2、本平台有权在不知用户的情况下更新《用户注册协议》。<br>
                                3、当上述的服务条款违反当地法律的时候，其他协议依旧有效。<br>
                                4、本协议最终解释权归本平台

                            </div>
                            <br>
                            <a href="javascript:;" class="am-btn am-btn-secondary js-modal-close"
                               data-am-modal-close>关闭</a>
                        </div>
                    </div>
                </div>

                <div class="am-form-group">
                    <button type="button" id="submit"
                            class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success tpl-login-btn">提交
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="__PUBLIC__/BeginnerAdmin/plugins/layer_mobile/layer.js"></script>
<include file="Home@default/Index/footer"/>

<script>
    function verify_f5() {
        $("#verify_src").attr('src', 'admin_login_Verify.html?r=' + Math.random());
    }
    $("#submit").click('onclick',function () {
        layer.open({
            content: '目前正在内测，我们只邀请一些同学参与测试，请关注我们的正式发布吧'
            ,btn: '我知道了'
        });
    });
</script>
</body>

</html>